<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜货</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="../libs/iconfont.css">
    <link rel="stylesheet" href="./libs/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./libs/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/index.css">



</head>

<body>

    <header>
        <div class="container">
            <ul>
                <a href="./html/login.html">
                    <li>请先登录</li>
                </a>
                <a href="./html/register.html">
                    <li>免费注册</li>
                </a>
                <a href="./html/Orders.html">
                    <li class="my_order">我的订单</li>
                </a>
                <a href="./html/Personal.html">
                    <li>个人中心</li>
                </a>
                <a href="#">
                    <li>帮助中心</li>
                </a>


                <a href="#">
                    <li>关于我们</li>
                </a>
                <a href="#">
                    <li class="phon">
                        联系我们

                    </li>
                </a>
            </ul>

        </div>
    </header>


    <!-- 导航 -->
    <!-- <div id="nav"> -->
    <div id="bigbox">
        <div class="container">
            <div class="imgbox">
                <img src="../img/logo.jpg">
            </div>
            <ul class="map">
                <li>首页</li>
                <li>生鲜</li>
                <li>美食</li>
                <li>餐厨</li>
                <li>电器</li>
                <li>居家</li>
                <li>洗护</li>
                <li>孕婴</li>
                <li>服装</li>
            </ul>
            <div class="ibox">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" placeholder="&emsp;&emsp;搜一搜">
            </div>
            <a href="./html/cart.html">
                <div class="last">
                    <i class="iconfont icon-gouwuche"></i>
                    <div class="number">0</div>
                </div>
            </a>


        </div>


    </div>
    <div class="container">

        <!-- 轮播 -->


        <div class="swiper">
            <div class="lun_bo">
                <div class="lun_bo_nav">
                    <div class="left_nav">
                        <div>
                            <a href="#" class="big">居家,居家生活用品,收纳</a>

                        </div>
                        <div>
                            <a href="#" class="big">美食,南北干货,调味酱菜</a>

                        </div>
                        <div>
                            <a href="#" class="big">服饰,钱包/胸包,女式靴子</a>

                        </div>
                        <div>
                            <a href="#" class="big">母婴,T恤/polo/衬衫,儿童鞋</a>

                        </div>
                        <div>
                            <a href="#" class="big">个护,家庭清洁,浴室用品</a>

                        </div>
                        <div>
                            <a href="#" class="big">严选,滋补保健,床品家纺</a>

                        </div>
                        <div>
                            <a href="#" class="big">数码,影音娱乐,</a>

                        </div>
                        <div>
                            <a href="#" class="big">运动,健身大器械,健身小器械</a>

                        </div>
                        <div>
                            <a href="#" class="big">杂项,家庭清洁杂项</a>

                        </div>
                        <div>
                            <a href="#" class="big">品牌,品牌推荐</a>

                        </div>
                    </div>
                    <div id="content">
                        <div class="right_des" id="right_des1">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐1</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐1.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>49.00</p>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des2">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐2</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐21.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>9.90</p>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des3">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐3</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐31.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>589.00</p>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des4">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐4</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐41.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>259.00</p>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des5">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐5</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐51.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>18.50</p>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des6">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐6</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐61.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>1599.00</p>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des7">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐7</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐71.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>13.90</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐72.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>328.00</p>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des8">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐8</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐81.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>439.00</p>
                                            </div>
                                        </div>
                                    </a>





                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des9">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐9</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐101.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>14.90</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="right_des" id="right_des10">
                            <div id="details">
                                <div class="des">
                                    <span class="big">分类推荐10</span>
                                    <span class="small">根据您的购买或浏览记录推荐</span>
                                </div>
                                <div class="fenlei">
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐101.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>14.90</p>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#">
                                        <div class="fenlei_details">
                                            <div class="pic">
                                                <img src="../img/分类推荐102.jpg" alt="">
                                            </div>
                                            <div class="wen_zi">
                                                <h3>标题</h3>
                                                <p class="desc">详情</p>
                                                <p class="price"><span>￥</span>8.90</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="img/轮播1.jpg" />
                    </div>
                    <div class="swiper-slide">
                        <img src="img/轮播2.jpg" />
                    </div>
                    <div class="swiper-slide">
                        <img src="img/轮播3.jpg" />
                    </div>
                    <div class="swiper-slide">
                        <img src="img/轮播4.jpg" />
                    </div>
                    <div class="swiper-slide">
                        <img src="img/轮播5.jpg" />
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>

                <div class="swiper-pagination"></div>
            </div>




        </div>
        <div class="loubox">
            <div class="main_one">
                <div class="first">
                    <div class="hao_wu">新鲜好物
                        <span>新鲜出炉，品质保证</span>
                    </div>

                    <a href="./html/product_list.html">
                        <div class="cha_kan"> 查看全部<span>></span></div>
                    </a>
                </div>
                <div class="list1">
                    <ul></ul>

                </div>



            </div>

        </div>
        <div class="loubox">
            <div class="main_one">
                <div class="first">
                    <div class="hao_wu">人气推荐
                        <span>新鲜出炉，品质保证</span>
                    </div>

                    <a href="./html/sort.html">
                        <div class="cha_kan"> 查看全部<span>></span></div>
                    </a>
                </div>
                <div class="list2">
                    <ul></ul>

                </div>


            </div>
        </div>

        <div class="loubox">
            <div class="main_one">
                <div class="first">
                    <div class="hao_wu">热门品牌
                        <span>国际经典，品质保证</span>
                    </div>

                    <a href="#">
                        <div class="cha_kan"> 查看全部<span>></span></div>
                    </a>
                </div>
                <div class="list3">
                    <ul>
                        <li><img src="./img/热门品牌1.jpg"></li>
                        <li><img src="./img/热门品牌2.jpg"></li>
                        <li><img src="./img/热门品牌3.jpg"></li>
                        <li><img src="./img/热门品牌4.jpg"></li>
                        <li><img src="./img/热门品牌5.jpg"></li>
                    </ul>

                </div>


            </div>
        </div>



    </div>

    <div id="main1">
        <div class="loubox">
            <div class="main_two">
                <div class="two">
                    <div class="ju_jia">居家</div>
                    <div class="navbox">
                        <div>居家生活用品</div>
                        <div>收纳</div>
                        <div>宠物食品</div>
                        <div>艺术藏品</div>
                        <div>宠物用品</div>
                        <div>家庭医疗</div>
                        <div>中医保健</div>
                    </div>
    
                    <a href="./html/product_list.html">
                        <div class="cha_kan"> 查看全部<span>></span></div>
                    </a>
                </div>
                <div class="bigbox">
                    <div class="left_box">
                        <img src="./img/美食_big.jpg">
                    </div>
                    <div class="list4">
                        <ul></ul>
    
                    </div>
    
                </div>
    
    
    
            </div>
        </div>
        <div class="loubox">
            <div class="main_two">
                <div class="two">
                    <div class="ju_jia">美食</div>
                    <div class="navbox">
                        <div>调味酱菜</div>
                        <div>方便面</div>
                        <div>米面粮油</div>
                        <div>名酒馆</div>
                        <div>进口酒</div>
                        <div>家庭医疗</div>
                        <div>中医保健</div>
                    </div>
    
                    <a href="./html/product_list.html">
                        <div class="cha_kan"> 查看全部<span>></span></div>
                    </a>
                </div>
                <div class="bigbox">
                    <div class="left_box">
                        <img src="./img/美食.jpg">
                    </div>
                    <div class="list5">
                        <ul></ul>
    
                    </div>
    
                </div>
    
    
    
            </div>
        </div>
        <div class="loubox">
            <div class="main_two">
                <div class="two">
                    <div class="ju_jia">服饰</div>
                    <div class="navbox">
                        <div>衬衫</div>
                        <div>儿童鞋</div>
                        <div>外套</div>
                        <div>裙子</div>
                        <div>连体衣</div>
                        <div>学步鞋</div>
                        <div>中医保健</div>
                        <div>男装女装</div>
                    </div>
    
                    <a href="./html/product_list.html">
                        <div class="cha_kan"> 查看全部<span>></span></div>
                    </a>
                </div>
                <div class="bigbox">
                    <div class="left_box">
                        <img src="./img/居家_big.jpg">
                    </div>
                    <div class="list6">
                        <ul></ul>
    
                    </div>
    
                </div>
    
    
    
            </div>
        </div>
       <div class="loubox">
        <div class="main_two">
            <div class="two">
                <div class="ju_jia">母婴</div>
                <div class="navbox">
                    <div>衬衫</div>
                    <div>儿童鞋</div>
                    <div>外套</div>
                    <div>裙子</div>
                    <div>连体衣</div>
                    <div>学步鞋</div>
                    <div>中医保健</div>
                    <div>男装女装</div>
                </div>

                <a href="./html/product_list.html">
                    <div class="cha_kan"> 查看全部<span>></span></div>
                </a>
            </div>
            <div class="bigbox">
                <div class="left_box">
                    <img src="./img/居家_big.jpg">
                </div>
                <div class="list7">
                    <ul></ul>

                </div>

            </div>



        </div>
       </div>
        
       
    </div>
    <div class="loubox">
        <div class="container">
            <div class="main_one">
                <div class="first">
                    <div class="hao_wu">最新专题
                        <span>国际经典，品质保证</span>
                    </div>

                    <a href="#">
                        <div class="cha_kan"> 查看全部<span>></span></div>
                    </a>
                </div>
                <div class="list8">
                    <ul>

                    </ul>

                </div>


            </div>
        </div>
    </div>



    <button class="btn">点击回到顶部</button>
    <ul class="lou_ceng">
        <li>新鲜好物</li>
        <li>人气推荐</li>
        <li>热门品牌</li>
        <li>居家</li>
        <li>美食</li>
        <li>服饰</li>
        <li>母婴</li>
        <li>最新专题</li>
    </ul>







    <footer>
        <div class="top">
            <div class="box">
                <span>客户服务</span>
                <div class="pic">
                    <img src="./img/在线客服.jpg" alt="">
                    <img src="./img/问题反馈.jpg" alt="">
                </div>
            </div>
            <div class="box">
                <span>关注我们</span>
                <div class="pic2">
                    <img src="./img/公众号.jpg" alt="">
                    <img src="./img/微博.jpg" alt="">
                </div>
            </div>
            <div class="box">
                <span>下载APP</span>
                <div class="pic3">
                    <img src="./img/二维码.jpg" alt="">
                    <div class="xia_zai_ye_mian">
                        <p>扫描二维码</p>
                        <p>立马下载APP</p>
                        <div class="green">下载页面</div>
                    </div>
                </div>
            </div>
            <div class="box" id="last">
                <span>服务热线</span>
                <p class="one">400-0000-000</p>
                <p class="two">周一至周日 8:00-18:00</p>
            </div>
        </div>


        <div class="bottom">
            <div class="first">
                <div><img src="./img/价格亲民.jpg" alt=""></div>
                <div><img src="./img/物流快递.png" alt=""></div>
                <div><img src="./img/品质新鲜.jpg" alt=""></div>
            </div>
            <ul>
                <li>关于我们</li>|
                <li>帮助中心</li>|
                <li>售后服务</li>|
                <li>配送与验收</li>|
                <li>商务合作</li>|
                <li>搜索推荐</li>|
                <li>友情链接</li>
            </ul>
            <p>CopyRight © 小兔鲜儿</p>
        </div>
    </footer>
    <script src="./libs/require.js" data-main="./js/main"></script>



</body>

</html>